<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/login.css">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../libs/bootstrap.min.css">
    
</head>
<body>
    <div id="header">
       <div class="center">
        <div class="left"><img src="https://id1.cloud.huawei.com/CAS/static_rss/rss_92/IDMW/common/logos/HUAWEI.svg" alt=""></div>
        <div class="right">华为商城</div>
       </div>
    </div>
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="exampleModalLabel">华为帐号注册</h4>
                <div><span>已有帐号</span>,<a>&emsp;去登陆&emsp;</a></div>
            </div>
            <div class="modal-body">
                <form>
                    <div class="form-group">
                        <input type="text" class="form-control" id="recipient-name" placeholder="用户名">
                        <span class="sp1 sp"></span>
                    </div>
                    <div class="form-group">
                        <input type="text" class="form-control" id="recipient-phone" placeholder="手机号">
                        <span class="sp2 sp" ></span>
                    </div>
                    <div class="form-group">
                        <input type="password" class="form-control" id="recipient-password" placeholder="密码">
                    </div>
                    <div class="form-group">
                        <input type="password" class="form-control" id="recipient-checkpassword" placeholder="确认密码">
                    </div>
                </form>
            </div>
            <!-- <div class="modal-cookie">
               <input type="checkbox">
               <span>忘记密码</span>
            </div> -->
            <div class="modal-footer">
                <button type="button" class="btn btn-primary">注册</button>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="footer-conent">
            <div class="hwid-footer">
                <a href="">华为帐号用户协议</a>
                <a href="">关于华为帐号与隐私的声明</a>
                <a href="">常见问题</a>
                <a href="">Cookies</a>
            </div>
            <div class="footer-copyRight ">
               <p>华为帐号 版权所有 © 2011-2022</p>
            </div>
        </div>
    </div>
    <script src="../libs/jquery-3.4.1.min.js"></script>
    <script src="../libs/bootstrap.min.js"></script>
    <script src="../js/login.js"></script>
</body>
</html>